
<!DOCTYPE html>
<html>
<head>
	<?php echo $this->Html->charset(); ?>
	<title>Tesil
	</title>
	<?php
		
		echo $this->Html->css('styles');
		echo $this->Html->css('jquery.bxslider');
		
		echo $this->Html->script(array('jquery','jquery.bxslider')); 

   
		echo $this->fetch('meta');
		echo $this->fetch('css');
		echo $this->fetch('script');
	?>
</head>
<header> 
	<div id="cabecera">       
		<div id="logo">
			<a href="/" title="Tesil">Tesil</a>
		</div>
		<div class="img-text">
			<div>Representante en Argentina de Testrong</div>
			<div>Aplicaciones Antiadherentes con TEFLON</div>
			<div>Marca Registrada DUPONT</div>
		</div>
		<div class="slide-top">
			<ul class="slide-h">
			  <li>
				<img src="img/slide_top_1.jpg" title="" />
			  </li>
			  <li>
				<img src="img/slide_top_2.jpg" title="" />
			  </li>
			  <li>
				<img src="img/slide_top_3.jpg" title="" />
			  </li>
			</ul>
		</div>
	</div>        

	<nav style="width:100%; margin:0 auto">


		<ul class="navigation" style='text-transform: uppercase;'>	

		<?php foreach ($lista_items as $item){
			//Imprimo Items 
		  echo "<li>";

		 	echo $this->Html->link(
			    $item['MenuItem']['descripcion'],
			    $item['MenuItem']['link'],
			    array('class' => 'menuHeader', 'id' => $item['MenuItem']['id'])
			);

		  echo "<ul>";
        foreach ($lista_sub_items as $subItem){
            //Imprimo sub items
            if ($subItem['MenuItem']['padre'] == $item['MenuItem']['codigo']) {
                echo "<li class='ocultarBarraLateral'>";
                echo $this->Html->link(
								    $subItem['MenuItem']['descripcion'],
								    $subItem['MenuItem']['link']
								);
                echo "</li>";
            }
        }
      echo "</ul></li>";
    } ?> <!-- PHP FOR EACH -->
	</ul>

	</nav>

</header>
	<body>
		<div id="super">
			<script>
				$(document).ready(function(){
					$('.bxslider').bxSlider({
					  mode: 'fade',
					  auto: 'true'
					});	
					
					
					$('.slide-h').bxSlider({
					  mode: 'fade',
					  auto: 'true',
					  pager: 'none',
					  controls: 'none',
					});
				});
			</script>
			<div id="banner">
        	<ul class="bxslider">
              <li>
              	<img src="img/loop1.jpg" title="Funky roots" />
                <div class="text">
                <p class="titulo">LIDER EN ANTIADHERENCIA</p>
                <p>Introducción del texto antiadherencia, para atraer al prospect....</p>
                </div>
              </li>
              <li><img src="img/loop2.jpg" title="The long and winding road" />
                <div class="text">
                <p class="titulo">LIDER EN ANTIADHERENCIA</p>
                <p>Introducción del texto antiadherencia, para atraer al prospect....</p>
                </div>
              </li>
              <li><img src="img/loop3.jpg" title="The long and winding road" />
                <div class="text">
                <p class="titulo">LIDER EN ANTIADHERENCIA</p>
                <p>Introducción del texto antiadherencia, para atraer al prospect....</p>
                </div>
              </li>
            </ul>
        </div>
	    
	    <div id="wrappers">       
	        <div class="contenido">
	        	<?php echo $this->fetch('content'); ?>
	        </div>
	    </div>

	    <footer>       
    	
			<div class="footer-nav">
				<ul>
					<li class="titulo">EMPRESA</li>
					<li><a href="" title="">&raquo; Acerca de Tesil</a></li>
					<li><a href="" title="">&raquo; Nuestra Mision</a></li>
					<li><a href="" title="">&raquo; Licencia Testrong</a></li>
					<li><a href="" title="">&raquo; Planta Industrial</a></li>
				</ul>
						
				<ul class="servicios">
					<li class="titulo">SERVICIOS</li>
					<li><a href="" title="">&raquo; Panificacion</a></li>
					<li><a href="" title="">&raquo; Tornillos</a></li>
					<li><a href="" title="">&raquo; Quimicas</a></li>
					<li><a href="" title="">&raquo; Matriceria</a></li>
					<li><a href="" title="">&raquo; Petroleras</a></li>
					<li><a href="" title="">&raquo; Textil</a></li>
					<li><a href="" title="">&raquo; Automotor</a></li>
				</ul>                    
				<ul>
					<li class="titulo">CLIENTES</li>
					<li><a href="" title="">&raquo; Rubro Alimenticio</a></li>
					<li><a href="" title="">&raquo; Rubro Industrial</a></li>
				</ul>                    
				<ul>
					<li class="titulo">CONTACTO</li>
					<li><a href="" title="">&raquo; Formulario</a></li>
				</ul>
			</div>
			<div class="direccion-footer">
				<p>
					Malvinas Argentinas 5297 (1615) - Grand Bourg,<br>area de Promocion el Triangulo<br>Tel: (03327) 411582 - info@tesilsrl.com
				</p>
			</div>
            <div class="datos-fiscales">
	            <a href="#">
	            	<img src="img/qr.jpg"/>
	            </a>
      </div>
		
		<div class="firma">
			
		</div>
    </footer>

	  </div><!-- SUPER  --> 
	</body>
</html>
